<template>
    <div>
        <div class="tit">
            <h2>我是业主</h2>
            <span @click="more()">更多服务 ></span>
        </div>
        <div class="box">
            <div class="boxl">
                <h3>查看房屋估值走势</h3>
                <p>随时掌握小区均价与邻里动态</p>
            </div>
            <img src="@/assets/logo.png" alt="">
            <van-button type="info" class="btn">立即查看</van-button>
        </div>
    </div>
</template>
<script>
export default {
    methods: {
        more(){
            this.$router.push("/owner")
        }
    },
}
</script>
<style scoped>
    .tit{
        width: 100%;
        height: 66px;
        display: flex;
        justify-content: space-between;
    }
    .tit h2{
        font-size: 18px;
        font-weight: 600;
        line-height: 66px;
    }
    .tit span{
        font-size: 16px;
        line-height: 66px;
        color: #999;
    }
    .box{
        width: 100%;
        height: 190px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .boxl{
        height: 80px;
    }
    .box img {
        width: 93px;
        height: 80px;
    }
    .van-button{
        width: 100%;
        height: 50px;
        /* z-index: 1; */
        background: #fff;
        color: #5f92f7;
        margin-bottom: 70px;
    } 
</style>